.schema-container{

  .title-block{
    @include flex;
    @include a-center;
    height: 44px;
    padding-left: 110rpx;
    padding-right: 30rpx;
    /* #ifdef MP-WEIXIN */
    padding-right: 105px;
    /* #endif */
  }
  .content-block{
    @include flex;

    .left-part{
      width: 180rpx;
      background: #FFF;

      .list-container{
        background: #F5F5F5;
      }

      .category-item{
        color: #000;
        font-size: 28rpx;
        font-weight: bold;
        line-height: 108rpx;
        text-align: center;
        overflow: hidden;
        background: #FFF;
        position: relative;

        &.active{
          color: #FCADC9;
          background: #F5F5F5;

          &::before{
            content: '';
            width: 8rpx;
            height: 18rpx;
            background:rgba(252,173,201,1);
            border-radius: 4rpx;
            top: 45rpx;
            left: 12rpx;
            position: absolute;
          }
        }
        &.up-item{
          border-bottom-right-radius: 20rpx;
        }
        &.down-item{
          border-top-right-radius: 20rpx;
        }
        &.holder-item{
          color: transparent;
        }
      }
    }
    .right-part{
      @include sub-item;
      
      .category-item{
        padding-top: 30rpx;
        .title{
          @include flex;
          @include a-center;
          color: #000;
          font-size: 24rpx;
          font-weight: 400;
          height: 72rpx;
          padding: 0 20rpx 0 24rpx;

          .sub-item{
            @include sub-item;
            font-weight: bold;
          }
          .icon{
            width: 26rpx;
            height: 26rpx;
          }
        }
        .banner{
          font-size: 0;
          min-height: 70rpx;
          margin: 0 20rpx 0 24rpx;
        }
        .sub-category{
          color: #666;
          font-size: 24rpx;
          padding: 20rpx 20rpx 10rpx 20rpx;
          margin: 20rpx 20rpx 0 24rpx;
          box-shadow: 0px 10rpx 10rpx 0px rgba(153,174,223,0.1);
          border-radius: 20rpx;
          background: #FFF;
          .sub-category-item{
            text-align: center;
            width: 33.3333%;
            display: inline-block;
            padding-bottom: 10rpx;

            .name{
              @include text-ellipsis;
            }
          }
        }
      }
    }
  }
}